Tiny File Manager | hub_import_done

Back Back Up Advanced Editor

<?php
//======================================================================================
//
// Function: Show IMPORT done log
//
// Programmer: JKJ
// Date      : 2024-10-11
//
// Copyright Reeft A/S (c) - 2024
//======================================================================================

// https://datatables.net/reference/option/columns.orderSequence
// https://datatables.net/forums/discussion/comment/230762/#Comment_230762

//======================================================================================
// Get input
//======================================================================================

if (isset($_REQUEST["FILE_NAME"])) {
		$FILE_NAME = $_REQUEST["FILE_NAME"];
	} else {
		$FILE_NAME = '';
	}

//======================================================================================
// Make line uppercase
//======================================================================================

//======================================================================================
// General config
//======================================================================================
	include "config/config.php";

//======================================================================================
// Check if user is logged in?
//======================================================================================
	include "login_check.php";

//======================================================================================
// Get session variables
//======================================================================================

include "include/getsession.php";

// include "include/uuid_create.php";
	// include "include/generate_password_md5.php";

//======================================================================================
// Set language
//======================================================================================

include "include/set_language.php";

//======================================================================================
// Set defaults
//======================================================================================

// $pk_reference  = $_SESSION['session_dft_pk_reference'];
	// $referenceCode = $_SESSION['session_dft_referencecode'];
	// $referenceName = $_SESSION['session_dft_referencename'];

//======================================================================================
?>
<!DOCTYPE html>
<html lang="en">
<head>
	<title><?php echo $datahub_text0001 ?></title>

<link href="css/bootstrap4.3.1/css/bootstrap.custom.min.css" rel="stylesheet">
    <link href="css/bootstrap4.3.1/css/themes/bootstrap.custom.min.css" rel="stylesheet">

<link href="css/custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">

<link href="javascript/datatables.3.12/datatables.min.css" rel="stylesheet">
		<script src="javascript/datatables.3.12/datatables.min.js"></script>

.btn-custom-wide {
	height:60px;
	width:210px;
}

.btn-custom-table {
	width:310px;
}

.text-truncate-dt {
    max-width: 450px;
	white-space: nowrap;
    overflow: hidden;
	text-overflow: ellipsis;

}

.overflow-class {
  width: 100%;
  height:700px;
  /*max-height: calc(100vh - 283px);*/
  overflow-y: scroll;
  overflow-x: hidden;

}

.overflow-class-super {
  width: 100%;
  /*max-height: calc(100vh - 400px);*/
  height:600px;
  overflow-y: scroll;
  overflow-x: hidden;
}

.text-align-dt {
    text-align: center;
}

.modal-xxl {
    max-width: 80%;
}

.modal-xl {
    max-width: 50%;
}

.border-3 {
    border-width:3px !important;
}

td .hover-img {
  position:relative;
 }
td .hover-img span {
  position:absolute; left:-9999px; top:-9999px; z-index:9999;
 }
td:hover .hover-img span {
  top: 5px;
  left:0px;
 }

.chosen-container-single {
    min-width: 100%;
}

</style>

//=============================================================================
// Globals
//=============================================================================

var thisCurrentRow;
	var thisGlobalRowData;
    var thisGlobalTableData;

var	HTMLline02 = '';
	var	HTMLline03 = '';

var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A = 'Text/Char';
	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N = 'Number/Value';
	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L = 'Date (ISO)';
	var GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T = 'Time (ISO)';

// Save field
	var save_FILE_NAME = '';

var global_debug = 'N';

// Add allowed Y/N
	var GLOBAL_ADD_ALLOWED = 'N';

// Show group buttons
	var GLOBAL_SHOW_GROUP_BUTTONS = 'N';
	var GLOBAL_SHOW_GROUP_BUTTONS = 'Y';

// Delete allowed Y/N
	var GLOBAL_DELETE_ALLOWED = 'N';

// sortMode
	var GLOBAL_SORTMODE = 'DESC';

var DFT_DATE_DISPLAY_FORMAT 	=  '<?php //echo $DFT_DATE_DISPLAY_FORMAT ?>';
	var DFT_LANGUAGE 				=  '<?php //echo $DFT_LANGUAGE ?>';

var GLOBAL_TOTALPAGESSTOPVALUE	=  10;

// Save field
	//var save_CFGNAM = '';

$(function () {
	  $.scrollUp({
		scrollName: 'scrollUp', // Element ID
		//topDistance: '1800', // Distance from top before showing element (px)
		//topSpeed: 300, // Speed back to top (ms)
		scrollDistance: '300', // Distance from top before showing element (px)
		scrollSpeed: 300, // Speed back to top (ms)
		animation: 'fade', // Fade, slide, none
		animationInSpeed: 200, // Animation in speed (ms)
		animationOutSpeed: 200, // Animation out speed (ms)
		scrollText: false, //'Scroll to top', // Text for element
		activeOverlay: false, // Set CSS color to display scrollUp active point, e.g '#00FFFF'
	  });
	});

//=============================================================================
// Get data
//=============================================================================
function getData( inputGetData )
{

// Reset, show all
	if ( inputGetData == '*RESET' ) {
		inputGetData = '';

//Clear search
		thisGlobalTableData.search( '' );

}

// $('#REEFTvisual_data').DataTable().clear().destroy();
	// setDataTables();

//Only initialize datatables once, else just draw it
	if ( $.fn.dataTable.isDataTable( '#REEFTvisual_data' ))
	{
		thisGlobalTableData.draw(); // fire in the hole
	}
	else {
		setDataTables();
	}

}

//=============================================================================
// Set datatables
//=============================================================================
function setDataTables()
{

// Delete allowed?
	if ( GLOBAL_DELETE_ALLOWED == 'Y' ) {
		var show_the_delete_button = true;
	} else {
		var show_the_delete_button = false;
	}

new $('#REEFTvisual_data').DataTable({
		"ajax": {
			"url": 'hub_import_done_maintain_get.php',
			"type": "POST",
			"data": function (parmData) {

// Add custom parameters to the ajax call
				input_FILE_NAME 	= $('#input-FILE_NAME').val();

dir_name 	 	= $('#input-dir-name').val();
				what_to_call 	= $('#input-what-to-call').val();
				number_of_files = $('#input-number_of_files').val();

var fromDate 	= $('#input-fromdate').val();
				var toDate 		= $('#input-todate').val();

// Extra params
				parmData.FILE_NAME	 	 = input_FILE_NAME;
				parmData.dir_name 		 = dir_name;
				parmData.what_to_call 	 = what_to_call;
				parmData.number_of_files = number_of_files;
				parmData.fromdate 		 = fromDate;
				parmData.todate 		 = toDate;

},
			dataSrc: function (jsonData) {  //return data

var rpyCMPNO					= jsonData.header.rpyCMPNO;
				var rpyCMPNO_Name				= jsonData.header.rpyCMPNO_Name;
				var rpyFile_name				= jsonData.header.rpyFile_name
				var rpyFile_description			= jsonData.header.rpyFile_description
				var rpyTableRecordsFound		= jsonData.header.rpyTableRecordsFound

var returnCode 					= jsonData.header.returnCode;
				var returnMsg 					= jsonData.header.returnMsg;
				var entries_found 				= jsonData.header.entries_found;
				var response_sec 				= jsonData.header.response_sec;

// Show load time
				$('#text-total-records-found').html( rpyTableRecordsFound );
				$('#load-time-from-database').html('entries found: ' + entries_found + ' (' + response_sec + ')');

// Set Company and file information
				if ( rpyFile_name != '' ) {
					$('#data-hub-company-information').html( '<span title="' + rpyFile_name + ' - ' + rpyFile_description + '">' + rpyCMPNO_Name + ' (' + rpyCMPNO + ')' + '</span>' ).css('font-size','1.3em');
				}

// Init button line fields
				var HTMLlineButtons 		= '';
				var HTMLlineButtonsModal 	= '';
				var selectedButtonClass 	= 'btn-dark';

// Get name of search item
				input_FILE_NAME  = $('#input-FILE_NAME').val();

return jsonData.data;
			}
		},
		searching: false,
		processing: true,
		serverSide: true,
        responsive: true,
		fixedHeader: true,
        order: [[ 0, "desc" ]],
		columns:
				[
					{ data: "CREATE_TIMESTAMP" }, 		// 0
					{
						// 1
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							// Create report button
							var FILE_NAME 	= row.FILE_NAME;
							var OBJECT_TYPE = row.OBJECT_TYPE;

if ( OBJECT_TYPE == '*DIR' ) {
								var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="btn-custom-table text-truncate show-dir-btn btn btn-primary mr-1">' + FILE_NAME + '</button>';
							} else {
								var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="btn-custom-table text-truncate list-file-btn btn btn-dark mr-1">' + FILE_NAME + '</button>';
							}

return myButton;
						}
					},
					{
						// 1
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							// Create report button
							var PATH_NAME = row.PATH_NAME;

var myButton = '<span class="" title="Copy to clipboard" onclick="copyToClipBoard(\'' + PATH_NAME + '\',\'' + 'WRKLNK' + '\')">' + '<i class="fa-thin fa-clipboard"></i>' + '</span>';

//var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="show-dir-btn btn btn-primary btn-block mr-1">' + FILE_NAME + '</button>';

return myButton + '&nbsp;&nbsp;' + PATH_NAME;
						}
					},
//                    { data: "PATH_NAME" }, 				// 2
					{ data: "OBJECT_TYPE" }, 			// 3
					{ data: "OBJECT_OWNER" }, 			// 4
					{ data: "DATA_SIZE_KB" },   		// 5
					{
						// 6
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							return row.CCSID + ' / ' + row.CODE_PAGE;
						}
					},

{ data: "FILE_COUNT" },				// 7
                    { data: "ACCESS_TIMESTAMP" },		// 8
					{
						// 9
						// Since we are combining multiple data fields, use null as the data source
						data: null,
						render: function (data, type, row, meta)
						{
							// Create report button
							var FILE_NAME = row.FILE_NAME;
							var OBJECT_TYPE = row.OBJECT_TYPE;

var myButton = '<button type="button" id="showdir-' + row.FILE_NAME + '" class="display-btn btn btn-primary btn-block mr-1"><?php echo $datahub_button_show_details ?></button>';

return myButton;
						}
					},
                    { data: "CREATE_TIMESTAMP_ORG" }, 		// 10
                    { data: "LAST_USED_TIMESTAMP_ORG" }, 	// 11
                    { data: "LAST_USED_TIMESTAMP" }, 		// 12
                    { data: "ACCESS_TIMESTAMP_ORG" }, 		// 13
                    { data: "ACCESS_TIMESTAMP" } ,			// 14
                    { data: "DAYS_USED_COUNT" }, 			// 15
                    { data: "OBJECT_READ_ONLY" }, 			// 16
                    { data: "OBJECT_HIDDEN" }, 				// 17
                ],
		columnDefs: [

// Make sure that buttons are not "hided" when responsive kicks in
				{ responsivePriority: 1, targets: 9 },
				{ responsivePriority: 2, targets: 10 },

// Make sure the sorts toggle asc/desc and not asc/desc/no-sort
				{ orderSequence: ['asc', 'desc'], targets: [0,7] },

// {
				// "targets": [ 1 ],
				// "visible": true,
				// "max-width": '130px',
				// "searchable": false,
				 // "orderable": false
				// },
				// {
				// "targets": [ 10 ],
				// "visible": show_the_delete_button,
				// "searchable": false,
				 // "orderable": false
				// },
				{
				"targets": [ 4 ],
				"className": "text-truncate-dt"  //class to mimic text-truncate in dt
				},
				{
				"targets": [ 0,7 ],
				"visible": true,
				"searchable": true,
				"orderable": true
				},
				{
				"targets": [ 1,2,3,4,5,6,7,8,9 ],
				"visible": true,
				"searchable": false,
				"orderable": false
				},
				{
				"targets": [ 10,11,12,13,14,15,16,17 ],
				"visible": false,
				"searchable": false,
				"orderable": false
				},
				{
				"targets": [ 0,1,2 ],
				"width": '200px',
				"className": "text-align-dt text-truncate-dt"
				},
				{
				"targets": [ 3,4,5,6,7,8 ],
				"width": '60px',
				"className": "text-align-dt text-truncate-dt"
				},

],
		pageLength: 10,
		lengthChange: true,
		layout: {
			top1Start: [{
				pageLength: {
						menu: [5,10, 25, 50, 100, 250]
					}

}],
			top1End: [{
				search: {
					placeholder: '<?php echo $datahub_datatable_Search_text ?>',
					processing: true
				}

}],
			topStart: {
				info:{
					 }
			},
			topEnd: {
				paging: {
					buttons: 7,
					firstLast: true,
					boundaryNumbers: true,
				}
			},
			bottomStart: {
				buttons: [
					{
						extend: 'copyHtml5',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						titleAttr: 'Copy',
						title: 'DATAHUB - Config Data Export - Copy to clipboard',
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4,5,6,7]
						}

},
					{
						extend: 'excelHtml5',
						text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
						titleAttr: 'Excel',
							title: function(){
								return 'DATAHUB transactions file export';
							},
							filename: function(){
								//var p_id = $('#input-FILE_NAME').val();
								var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
								return 'DATAHUB - Config Data Export - Excel - ' + p_id;
							},
							exportOptions: {
								// Fields to export (https://datatables.net/reference/button/csv#Examples)
								columns: [0,1,2,3,4,5,6,7]
							}
					},
					{
						extend: 'pdfHtml5',
						text: '<img src="images/pdf_logo.png" height="25"> PDF',
						titleAttr: 'PDF',
						orientation: 'landscape',
						title: 'DATAHUB - Config Data Export - PDF',
						filename: function(){
								//var p_id = $('#input-FILE_NAME').val();
								var p_id = moment().format('YYYY-MM-DD HH.mm.ss');
								return 'DATAHUB - Config Data Export - Excel - ' + p_id;
						},
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
						columns: [0,1,2,3,4,5,6,7],
						modifier: {
							page: 'all'
							}
						}
					}
				]
			},
			bottomEnd: {
				paging: {
					buttons: 7,
					firstLast: true,
					boundaryNumbers: true
				}
			}
		},
		language:
		{
					"decimal":        ",",
					"thousands":      ".",
					"emptyTable":     "<?php echo $datahub_datatable_emptyTable ?>",
					"info":           "<?php echo $datahub_datatable_Info ?>",
					"infoEmpty":      "<?php echo $datahub_datatable_InfoEmpty ?>",
					"InfoFiltered":   "<?php echo $datahub_datatable_InfoFiltered ?>",
					"infoPostFix":    "",
					"lengthMenu":     "<?php echo $datahub_datatable_LengthMenu ?>",
					"loadingRecords": "",
					"processing":     "<?php echo $datahub_datatable_Processing ?>",
					"search":         "<?php echo $datahub_datatable_Search ?>",
					"zeroRecords":    "<?php echo $datahub_datatable_ZeroRecords ?>",
					"paginate":
						{
							"first":    "<?php echo $datahub_datatable_First ?>",
							"last":     "<?php echo $datahub_datatable_Last ?>",
							"next":     "<?php echo $datahub_datatable_Next ?>",
							"previous": "<?php echo $datahub_datatable_Previous ?>"
						},
					"aria": {
						"orderable":  "Order by this column",
						"orderableReverse": "Reverse order this column"
					}

},
        "rowCallback": function(row, data, index)
		{

},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{

}

});

//=============================================================================
	// Setup the data to be able to update the table without reloading from the server
	//=============================================================================

// Save the table in a global variable
		thisGlobalTableData = $('#REEFTvisual_data').DataTable();

// Handle click on "Display" button
		$('#REEFTvisual_data tbody').on('click', '.display-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

dataChange();

});

// Handle click on "Show dir" button
		$('#REEFTvisual_data tbody').on('click', '.show-dir-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

setWebserviceSearch('*SHOW_DIR');

});

// Handle click on "List file" button
		$('#REEFTvisual_data tbody').on('click', '.list-file-btn', function() {
			thisCurrentRow 	= $(this).closest('tr');
			thisGlobalRowData = thisGlobalTableData.row(thisCurrentRow).data();

dataListIFSfilePrompt('*NORMAL');

});

//=============================================================================

//=============================================================================
	// Place curor in search field - the wrapper id is provided by datatables - debug it!
	//=============================================================================
	$('#REEFTvisual_data_wrapper div.dt-search .dt-input').focus();
	//=============================================================================

}

$('#REEFTvisual-data-super-search').DataTable({
		processing: true,
		serverSide: false,
        responsive: true,
		fixedHeader: true,
        order: [[ 0, "desc" ]],
		columnDefs: [

// Make sure that buttons are not "hided" when responsive kicks in
				{ responsivePriority: 1, targets: 0 },
				{ responsivePriority: 2, targets: 1 },

// Make sure the sorts toggle asc/desc and not asc/desc/no-sort
				{ orderSequence: ['asc', 'desc'], targets: [0,7] },

{
				"targets": [ 4 ],
				"className": "text-truncate-dt"  //class to mimic text-truncate in dt
				},
				{
				"targets": [ 0,1,3,4,5,6 ],
				"visible": true,
				"searchable": true,
				"orderable": true
				},
				{
				"targets": [ 2,8 ],
				"visible": false,
				"searchable": true,
				"orderable": true
				},
				{
				"targets": [ 2 ],
				"width": '120px',
				"className": "text-align-dt text-truncate-dt"
				},

],
		pageLength: 50,
		lengthChange: true,
		layout: {
			top1Start: [{
				pageLength: {
						menu: [5,10, 25, 50, 100, 250]
					}

}],
			top1End: [{
				search: {
					placeholder: '<?php echo $datahub_datatable_Search_text ?>',
					processing: true
				}

}],
			topStart: {
				info:{
					 }
			},
			topEnd: {
				paging: {
					buttons: 12,
					firstLast: true,
					boundaryNumbers: true,
				}
			},
			bottomStart: {
				buttons: [
					{
						extend: 'copyHtml5',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						titleAttr: 'Copy',
						title: 'DATAHUB - Config Data Export - Copy to clipboard',
						exportOptions: {
							// Fields to export (https://datatables.net/reference/button/csv#Examples)
							columns: [0,1,2,3,4,5,6,7]
						}

},
        "rowCallback": function(row, data, index)
		{

},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{

}

});

// Save the table in a global variable
		// thisGlobalTableDataSuperSearch = $('#REEFTvisual-data-super-search').DataTable();

// // Handle click on "List file" button
		// $('#REEFTvisual-data-super-search tbody').on('click', '.list-super-file-btn', function() {
			// thisCurrentRow 	= $(this).closest('tr');
			// thisGlobalRowData = thisGlobalTableDataSuperSearch.row(thisCurrentRow).data();

// console.table(thisGlobalRowData)

// dataListIFSfilePrompt('*SUPER');

// });

//=============================================================================

//=============================================================================
	// Place curor in search field - the wrapper id is provided by datatables - debug it!
	//=============================================================================
	//$('#REEFTvisual-data-super-search_wrapper div.dt-search .dt-input').focus();
	//=============================================================================

}

//=============================================================================
// Set datatables for super search
//=============================================================================
function setDataTablesSuperSearchXXX()
{

$('#REEFTvisual-data-super-search').DataTable({
        "responsive": true,
		"fixedHeader": true,
		"lengthMenu": [[10, 25, 50, 100, -1], [10, 25, 50, 100, "All"]],
		"iDisplayLength": 25,
        "processing": true,
		"dom": '',
		//"dom": 'lfi<bottom>Bp<"clear">',
        "order": [[ 1, "asc" ]],
		"columnDefs": [
				{
				"targets": [ 0,1,2,3,4,5,6,7 ],
				"visible": true,
				"searchable": true,
				 "orderable": true
				}

],
		"language":
		{

"sProcessing":   "<?php echo $datahub_datatable_Processing ?>",
					"sLengthMenu":   "<?php echo $datahub_datatable_LengthMenu ?>",
					"sZeroRecords":  "<?php echo $datahub_datatable_ZeroRecords ?>",
					"sInfo":         "<?php echo $datahub_datatable_Info ?>",
					"sInfoEmpty":    "<?php echo $datahub_datatable_InfoEmpty ?>",
					"sInfoFiltered": "<?php echo $datahub_datatable_InfoFiltered ?>",
					"sInfoPostFix":  "<?php echo $datahub_datatable_InfoPostFix ?>",
					"sLoadingRecords": "<?php echo $datahub_datatable_Processing ?>",
					"sSearch":       "<?php echo $datahub_datatable_Search ?>",
					"sUrl":          "<?php echo $datahub_datatable_Url ?>",
					"oPaginate": {
						"sFirst":    "<?php echo $datahub_datatable_First ?>",
						"sPrevious": "<?php echo $datahub_datatable_Previous ?>",
						"sNext":     "<?php echo $datahub_datatable_Next ?>",
						"sLast":     "<?php echo $datahub_datatable_Last ?>"
					}
		},
        "rowCallback": function(row, data, index)
		{

},
        "preDrawCallback": function(settings)
		{
		},
		"initComplete": function ()
		{

},
		"buttons": 	[
					{
						extend: 'pdf',
						text: '<img src="images/pdf_logo.png" height="25"> PDF',
						orientation: 'landscape',
						title: 'HUB_WA0356 - Data Export - PDF',
						exportOptions: {
						modifier: {
							page: 'all'
							}
						}
					},
					{
						extend: 'excel',
						text: '<img src="images/microsoft_excel_logo.png" height="25"> Excel',
						title: 'HUB_WA0356 Data Export - Excel',
						},
						{
						extend: 'copy',
						text: '<img src="images/copy.png" height="25"> Copy to Clipboard',
						title: 'HUB_WA0356 Data Export - Copy',
						},
					]
    });

}

//=============================================================================
// Show details
//=============================================================================
function dataChange( )
{

var row = thisGlobalRowData;

//console.table(row);

// Save in fields
	var counter_total				= row["counter_total"];
	var FILE_NAME					= row["FILE_NAME"];
	var PATH_NAME					= row["PATH_NAME"];
	var OBJECT_TYPE					= row["OBJECT_TYPE"];
	var CREATE_TIMESTAMP_ORG		= row["CREATE_TIMESTAMP_ORG"];
	var CREATE_TIMESTAMP			= row["CREATE_TIMESTAMP"];
	var LAST_USED_TIMESTAMP_ORG		= row["LAST_USED_TIMESTAMP_ORG"];
	var LAST_USED_TIMESTAMP			= row["LAST_USED_TIMESTAMP"];
	var ACCESS_TIMESTAMP_ORG		= row["ACCESS_TIMESTAMP_ORG"];
	var ACCESS_TIMESTAMP			= row["ACCESS_TIMESTAMP"];
	var DATA_SIZE					= row["DATA_SIZE"];
	var DATA_SIZE_KB				= row["DATA_SIZE_KB"];
	var CCSID						= row["CCSID"];
	var CODE_PAGE					= row["CODE_PAGE"];
	var DAYS_USED_COUNT				= row["DAYS_USED_COUNT"];
	var OBJECT_READ_ONLY			= row["OBJECT_READ_ONLY"];
	var OBJECT_HIDDEN				= row["OBJECT_HIDDEN"];
	var OBJECT_OWNER				= row["OBJECT_OWNER"];
	var FILE_COUNT					= row["FILE_COUNT"];
	var rpyBaseURL					= row["rpyBaseURL"];
	var rpyURL						= row["rpyURL"];

$('#input-mode').val('*update');

// Create download link
	if ( OBJECT_TYPE != '*DIR' ) {

if ( rpyURL != '' ) {
			$('#modal-download-current-file').html( '<a title="Download" download  target="_blank" class="btn btn-dark" href="' + rpyURL + '">' + '<i class="fa-thin fa-download"></i>' + '&nbsp;&nbsp;' + FILE_NAME + '</a>' );
		}
	} else {
			$('#modal-download-current-file').html('');
	}

save_FILE_NAME = FILE_NAME;
	save_PATH_NAME = PATH_NAME;

// Save in fields
	$('#modal-input-counter_total').val(counter_total);
	$('#modal-input-FILE_NAME').val(FILE_NAME);
	$('#modal-input-PATH_NAME').val(PATH_NAME);
	$('#modal-input-OBJECT_TYPE').val(OBJECT_TYPE);
	$('#modal-input-CREATE_TIMESTAMP_ORG').val(CREATE_TIMESTAMP_ORG);
	$('#modal-input-CREATE_TIMESTAMP').val(CREATE_TIMESTAMP);
	$('#modal-input-LAST_USED_TIMESTAMP_ORG').val(LAST_USED_TIMESTAMP_ORG);
	$('#modal-input-LAST_USED_TIMESTAMP').val(LAST_USED_TIMESTAMP);
	$('#modal-input-ACCESS_TIMESTAMP_ORG').val(ACCESS_TIMESTAMP_ORG);
	$('#modal-input-ACCESS_TIMESTAMP').val(ACCESS_TIMESTAMP);
	$('#modal-input-DATA_SIZE').val(DATA_SIZE);
	$('#modal-input-DATA_SIZE_KB').val(DATA_SIZE_KB);
	$('#modal-input-CCSID').val(CCSID);
	$('#modal-input-CODE_PAGE').val(CODE_PAGE);
	$('#modal-input-DAYS_USED_COUNT').val(DAYS_USED_COUNT);
	$('#modal-input-OBJECT_READ_ONLY').val(OBJECT_READ_ONLY);
	$('#modal-input-OBJECT_HIDDEN').val(OBJECT_HIDDEN);
	$('#modal-input-OBJECT_OWNER').val(OBJECT_OWNER);
	$('#modal-input-FILE_COUNT').val(FILE_COUNT);

// Make key fields readonly
	$('#modal-input-FILE_NAME').attr('readonly','readonly');
	$('#data-result-button-group-modal').removeClass('d-none');

$('.read-only-class').attr('readonly','readonly');

// Reset modal message
	resetModalMessage();

// Show modal
	$('#import_done_MaintainModal').modal('show');

$('#import_done_MaintainModal').on('shown.bs.modal', function () {

})

}

//=============================================================================
// Show details - modal
//=============================================================================
function dataListIFSfilePromptSuper( filename, filepath )
{

$('#input-super-filename').val( filename );
	$('#input-super-filepath').val( filepath );

dataListIFSfilePrompt('*SUPER');

}

$('#input-search-type').val( search_type );

$('#input-modal-list-current-file-pRpyNextOffSet').val( '0');

$('#modal-ifs-list-data-result').html('');
	$('#modal-ifs-list-messasge').html( '' );
	HTMLline02 = '';

dataListIFSfileExec();

// Show modal

$('#import_done_listIFSfileModal').modal('show');

$('#import_done_listIFSfileModal').one('shown.bs.modal', function () {
			scrollToSomething( 'target' );
		})

}

$('#modal-ifs-list-progress').html('<span style="color: crimson">Loading data, please wait</span>');

// Get search type
	var search_type = $('#input-search-type').val();

if ( search_type == '*SUPER' ) {

var FILE_NAME = $('#input-super-filename').val();
		var PATH_NAME = $('#input-super-filepath').val();

//closeModalIFSlistSuperSearch();

} else {

var row = thisGlobalRowData;

//console.table(row)

var FILE_NAME  = row["FILE_NAME"];
		var PATH_NAME  = row["PATH_NAME"];

}

// Current offset
	var nextOffSet = $('#input-modal-list-current-file-pRpyNextOffSet').val();

// Set some header info
	$('#modal-list-current-file').html( '<span title="' + PATH_NAME + '">' + FILE_NAME + '</span>' );

var parmData = 'FILE_NAME=' + FILE_NAME
				 + '&what_to_call=' + '*FILEPATH'
				 + '&dir_name=' + FILE_NAME
				 + '&ifs_file_path=' + PATH_NAME
				 + '&nextOffSet=' + nextOffSet
				 ;

//alert(parmData);

$.ajax({
		url: "hub_import_done_file_maintain_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

var rpyTotalRecordsFound 	= jsonData.header.rpyTotalRecordsFound;
		var pRpyNextOffSet 			= jsonData.header.pRpyNextOffSet;
		var lastLineNumber 			= jsonData.header.lastLineNumber;
		var pFileName	 			= jsonData.header.pFileName;
		var rpyBaseURL	 			= jsonData.header.rpyBaseURL;
		var rpyURL		 			= jsonData.header.rpyURL;

$('#input-modal-list-current-file-pRpyNextOffSet').val( pRpyNextOffSet );
		$('#input-base-url').val( rpyBaseURL );

// Create download link
		if ( rpyURL != '' ) {
			$('#modal-list-download-current-file').html( '<a title="Download" download  target="_blank" class="btn btn-dark" href="' + rpyURL + '">' + '<i class="fa-thin fa-download"></i>' + '&nbsp;&nbsp;' + pFileName + '</a>' );
		}

$.each( jsonData.data, function( index, object ){

var LINE_NUMBER	= object.LINE_NUMBER;
					var LINE   		= object.LINE;

if ( LINE_NUMBER == 1 ) {
						var b_start = '<b>';
						var b_stop	= '</b>';
					} else {
						var b_start = '';
						var b_stop	= '';
					}

HTMLline02 += 	'<span class="" style="color:#B4B4B4">'
							   + 	LINE_NUMBER
							   +	'</span>'
							   + 	'&nbsp;&nbsp;&nbsp;&nbsp;'
							   +	b_start
							   +    LINE
							   +	b_stop
							   +	'<br>'

});

// Show yourself to the world, you little fvcker
		$('#modal-ifs-list-data-result').html(HTMLline02);

// Make key fields readonly
		$('#modal-input-FILE_NAME').attr('readonly','readonly');
		$('#data-result-button-group-modal').removeClass('d-none');

$('.read-only-class').attr('readonly','readonly');

// Reset modal message
		resetModalMessage();

if ( parseInt(lastLineNumber) > 0 ) {
			$('#modal-ifs-list-progress').html( 'Reocrds shown: ' + lastLineNumber );
			$('#modal-ifs-list-messasge').html( '' );
			$('#input-modal-last-line-number').val(lastLineNumber);

if ( parseInt(lastLineNumber) < parseInt(pRpyNextOffSet) ) {
				$('#modal-ifs-list-messasge').html( 'All data shown...' );
			}

} else {
			$('#modal-ifs-list-progress').html( 'Reocrds shown: ' + $('#input-modal-last-line-number').val() );
			$('#modal-ifs-list-messasge').html( 'All data shown...' );
		}

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( thrownError );
		console.log( xhr );

});

}

$('#modal-ifs-super-search-data-result').html('');
	$('#modal-ifs-super-search-list-messasge').html( '&nbsp;' );
	$('#input-what-to-call').val( '*WAITING_FOR_IMPORT' );
	HTMLline03 = '';

// Set header
	$('#import_super-search_IFSfileModalLabel-text').html( '<?php echo $datahub_text0208 ?> ?' );

//-----------------------------------------------------------------------
	// Hide from/to date
	//-----------------------------------------------------------------------
	$('#import_super-search_IFSfileModal-date-wrapper').addClass('d-none');
	$('#modal-super-search-button').addClass('d-none');

//-----------------------------------------------------------------------
	// From / to datetime
	//-----------------------------------------------------------------------
		var defaultFromDateTime	= moment().subtract(2, 'month').format("YYYY-MM-DD" + ' ' + '04:00:01');
		var defaultToDateTime	= moment().add(1, 'day').format("YYYY-MM-DD" + ' ' + '23:59:59');

$('#modal-super-search-input-from-date-time').val( defaultFromDateTime );
		$('#modal-super-search-input-to-date-time').val( defaultToDateTime );
	//-----------------------------------------------------------------------

dataListIFSfileSuperExec();

// Hide the data container as it looks like shite when empty
	$('#import_super-search_IFSfileModal-data-wrapper').addClass('d-none');
	$('#modal-super-footer-id').addClass('d-none');

// Show modal
	$('#import_super-search_IFSfileModal').modal('show');

$('#import_super-search_IFSfileModal').one('shown.bs.modal', function () {
		$('#modal-super-search-input').trigger('focus');
	})

}

HTMLline03 = '';
	$('#modal-ifs-super-search-data-result').html('');
	$('#modal-ifs-super-search-list-messasge').html( '&nbsp;' );
	$('#input-what-to-call').val( '*SUPERSEARCH' );

// Set header
	$('#import_super-search_IFSfileModalLabel-text').html( '<?php echo $datahub_text0207 ?>' );

//-----------------------------------------------------------------------
	// Show from/to date
	//-----------------------------------------------------------------------
	$('#import_super-search_IFSfileModal-date-wrapper').removeClass('d-none');
	$('#modal-super-search-button').removeClass('d-none');

//dataListIFSfileSuperExec();

// Hide the data container as it looks like shite when empty
	//$('#import_super-search_IFSfileModal-data-wrapper').addClass('d-none');
	//$('#modal-super-footer-id').addClass('d-none');

// Show modal
	$('#import_super-search_IFSfileModal').modal('show');

$('#import_super-search_IFSfileModal').one('shown.bs.modal', function () {
		$('#modal-super-search-input').trigger('focus');
	})

}

// Get input
	var super_search_arg 	= $('#modal-super-search-input').val();
	var super_fromtime		= $('#modal-super-search-input-from-date-time').val();
	var super_totime		= $('#modal-super-search-input-to-date-time').val();

var what_to_call = $('#input-what-to-call').val();

// If want to show what to import, do not make any checks
	if ( what_to_call == '*SUPERSEARCH' )
	{

// Check content of fields
		if ( super_search_arg == '' ) {
			$('#modal-ifs-super-search-list-messasge').addClass('').html( '<?php echo $datahub_error0095 ?>' );
			$('#modal-super-search-input').trigger('focus');
			return false;
		}

if ( super_fromtime > super_totime  ) {
			$('#modal-ifs-super-search-list-messasge').addClass('').html( '<?php echo $datahub_error0004 ?>' );
			$('#modal-super-search-input-from-date-time').trigger('focus');
			return false;
		}

}

// Make screen pretty
	$('#modal-ifs-super-search-list-messasge').html( '&nbsp;' );
	$('#modal-ifs-super-search-list-progress').html('<span style="color: crimson">Loading data, please wait</span>');

var parmData = 'FILE_NAME=' + ''
				 + '&what_to_call=' + what_to_call
				 + '&dir_name=' + ''
				 + '&ifs_file_path=' + ''
				 + '&nextOffSet=' + 0
				 + '&super_search_arg=' + super_search_arg
				 + '&fromdatetime=' + super_fromtime
				 + '&todatetime=' + super_totime
				 ;

$.ajax({
		url: "hub_import_done_maintain_get.php",
		type: "GET",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

// Create download link
		// if ( rpyURL != '' ) {
			// $('#modal-list-download-current-file').html( '<a title="Download" download  target="_blank" class="btn btn-dark" href="' + rpyURL + '">' + '<i class="fa-thin fa-download"></i>' + '&nbsp;&nbsp;' + pFileName + '</a>' );
		// }

HTMLline03	= '<table id="REEFTvisual-data-super-search" class="table nowrap table-bordered table-striped table-hover">'
					+ '<thead>'
					+ '<tr class="bg-primary text-white">'
					+ '<th class="text-left"><?php echo $datahub_text0191 ?></th>'
					+ '<th class="text-left"><?php echo $datahub_text0188 ?></th>'
					+ '<th class="text-left"><?php echo $datahub_text0189 ?></th>'
					+ '<th class="text-left"><?php echo $datahub_text0190 ?></th>'
					+ '<th class="text-left"><?php echo $datahub_text0202 ?></th>'
					+ '<th class="text-left"><?php echo $datahub_text0194 ?></th>'
					+ '<th class="text-left"><?php echo "$datahub_text0195 / $datahub_text0196" ?></th>'
					+ '<th class="text-center"><?php echo $datahub_text0209 ?></th>'
					+ '<th class="text-center"><?php echo $datahub_text0189 ?></th>'
					+ '</tr>'
					+ '</thead>'
					+ '<tbody>'
					;

$.each( jsonData.data, function( index, object ){

// Save in fields
					var counter_total				= object.counter_total;
					var FILE_NAME					= object.FILE_NAME;
					var PATH_NAME					= object.PATH_NAME;
					var OBJECT_TYPE					= object.OBJECT_TYPE;
					var CREATE_TIMESTAMP_ORG		= object.CREATE_TIMESTAMP_ORG;
					var CREATE_TIMESTAMP			= object.CREATE_TIMESTAMP;
					var LAST_USED_TIMESTAMP_ORG		= object.LAST_USED_TIMESTAMP_ORG;
					var LAST_USED_TIMESTAMP			= object.LAST_USED_TIMESTAMP;
					var ACCESS_TIMESTAMP_ORG		= object.ACCESS_TIMESTAMP_ORG;
					var ACCESS_TIMESTAMP			= object.ACCESS_TIMESTAMP;
					var DATA_SIZE					= object.DATA_SIZE;
					var DATA_SIZE_KB				= object.DATA_SIZE_KB;
					var CCSID						= object.CCSID;
					var CODE_PAGE					= object.CODE_PAGE;
					var DAYS_USED_COUNT				= object.DAYS_USED_COUNT;
					var OBJECT_READ_ONLY			= object.OBJECT_READ_ONLY;
					var OBJECT_HIDDEN				= object.OBJECT_HIDDEN;
					var OBJECT_OWNER				= object.OBJECT_OWNER;
					var FILE_COUNT					= object.FILE_COUNT;
					var rpyBaseURL					= object.rpyBaseURL;
					var rpyURL						= object.rpyURL;

// Create link button
					var myButton = '<button type="button" onclick="dataListIFSfilePromptSuper(\'' + FILE_NAME + '\',\'' + PATH_NAME + '\')" id="showdir-' + FILE_NAME + '" class="list-super-file-btn btn btn-dark btn-block mr-1">' + FILE_NAME + '</button>';

// Copy to Clipboard

// wrklnk + path
					var wrklnkCommand = 'wrklnk' + ' ' + '\'' + PATH_NAME + '\'';

HTMLline03	+= '<tr>'
								+ '<td class="text-left">' + CREATE_TIMESTAMP +'</td>'
								+ '<td class="text-left">' + myButton + '</td>'
								+ '<td class="text-left">' + '<div onclick="copyToClipBoard(\'' + PATH_NAME + '\')">' + PATH_NAME + '</div>' +'</td>'
								+ '<td class="text-left">' + OBJECT_TYPE + '</td>'
								+ '<td class="text-left">' + OBJECT_OWNER + '</td>'
								+ '<td class="text-left">' + DATA_SIZE_KB + '</td>'
								+ '<td class="text-left">' + CCSID + ' / ' + CODE_PAGE + '</td>'
								+ '<td class="text-left">'
								+ '<span class="btn btn-dark" onclick="copyToClipBoard(\'' + PATH_NAME + '\',\'' + 'WRKLNK' + '\')">' + 'WRKLNK' + ' ' + '<i class="fa-thin fa-clipboard"></i>' + '</span>'
								+ ' '
								+ '<span class="btn btn-dark" onclick="copyToClipBoard(\'' + PATH_NAME + '\',\'' + 'PATHNAME' + '\')">' + 'PATH' + ' ' + '<i class="fa-thin fa-clipboard"></i>' + '</span>'
								+ '</td>'
								+ '<td class="text-left">' + rpyURL + '</td>'
								+ '</tr>'
								;

});

HTMLline03	+= '</tbody>'
					+  '</table>'
					;

// Show yourself to the world, you little fvcker
		$('#modal-ifs-super-search-data-result').html(HTMLline03);

// Show the data container
		$('#import_super-search_IFSfileModal-data-wrapper').removeClass('d-none');
		$('#modal-super-footer-id').removeClass('d-none');

// Remove message
		$('#modal-ifs-super-search-list-progress').html('&nbsp;');

// Place cursor
		$('#modal-super-search-input').trigger('focus').select();

// Set datatables
		setDataTablesSuperSearch();

// Make key fields readonly
		$('#modal-input-FILE_NAME').attr('readonly','readonly');
		$('#data-result-button-group-modal').removeClass('d-none');

$('.read-only-class').attr('readonly','readonly');

// Reset modal message
		resetModalMessage();

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( thrownError );
		console.log( xhr );

});

}

//=============================================================================
// Delete confirm
//=============================================================================
function dataDeleteConfirm( )
{

$('#input-mode').val('*delete');

var row = thisGlobalRowData;

var input_FILE_NAME = row["FILE_NAME"];

$('#confirm-delete-FILE_NAME').val(input_FILE_NAME);

// Create confirm text
	$('#confirm-delete-text-FILE_NAME').html(input_FILE_NAME);

$('#import_done_confirmDeleteModal').modal('show');

}

//=============================================================================
// Delete
//=============================================================================
function dataDeleteExec()
{
	// Reset modal message
	resetModalMessage();

var mode = $('#input-mode').val();

// Make array and json
	var myData = $('#dataForm-delete').find('input, select').serializeArray();
	var result = JSON.stringify(myData);

// console.log(result);
	// console.log(myData);
	//return;

var parmData = 'data=' + result
				 + '&mode=' + mode
				 ;

$.ajax({
		url: "import_done_maintain_save.php",
		type: "POST",
		data: parmData,
		dataType: "json",
		cache: false,
	})
	.done(function( jsonData ) {

$('#import_done_confirmDeleteModal').modal('hide');

})
	.always(function( jsonData ) {

})
	.fail(function( xhr, ajaxOptions, thrownError ) {
		console.log('I am failed..');
		console.log( xhr );

});

}

//=============================================================================
// Show deleted
//=============================================================================
function showDeleted()
{

var show_deleted = $('#input-show-deleted').val();

if ( show_deleted == 'Y' ) {
		$('#button-show-deleted').html('<?php echo $datahub_NO ?>');
		$('#input-show-deleted').val('N');
	} else {
		$('#button-show-deleted').html('<?php echo $datahub_YES ?>');
		$('#input-show-deleted').val('Y');
	}

}

//=============================================================================
// Reset modal input fields
//=============================================================================
function resetModalInputFields()
{

$('#input-mode').val('');

}

//=============================================================================
// Log off
//=============================================================================
function signoff()
{

window.location.href = "logout.php";

}

//=============================================================================
// Load page
//=============================================================================
function loadPage(url, p1, p2, p3)
{

window.location.href = url;

}

//=============================================================================
// Reset modal message
//=============================================================================
function resetModalMessage() {

// Reset
	//$('#modal-message').removeClass('p-2 font-weight-bold border border-danger rounded bg-light').html( '&nbsp;' );

$('#modal-message').removeClass('border-bottom').html( '&nbsp;' );
	$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// Reset modal message - report
//=============================================================================
function resetModalReportMessage() {

$('#modal-report-message').removeClass('border-bottom').html( '&nbsp;' );
	//$('#modal-save-button').removeClass('disabled').prop("disabled", false);

}

//=============================================================================
// Clean input string
//=============================================================================
function cleanInputString( myWorkField )
{

let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

myWorkField = myWorkField.replace(myPattern,'');

return myWorkField;

}

//=============================================================================
// Full screen popup
//=============================================================================
function popUpFull( url, p1, p2, p3 )
{

var winname = 'win_' + url;

params  = 'width='+screen.width;
	params += ', height='+screen.height;
	params += ', top=0, left=0'
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// screen popup - center
//=============================================================================
function popUpCenter(url, p1, p2, p3)
{

var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

if ( parseInt(v1_w) > 1800 ) {
		v1_w = 1800;
		v1_h = v1_h - 200;
		v1_center = v1_w/0.8;
	}

// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

var winname = 'win_' + url;

params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// screen popup - center - bigger
//=============================================================================
function popUpCenterBig(url, p1, p2, p3)
{

var v1_w  = screen.availWidth;
	var v1_h  = screen.availHeight;

// Get 25%
	v1_w_pct = v1_w * 0.25;

v1_w_new = v1_w - v1_w_pct;

if ( v1_w_new < 1 ) {
		v1_w_new	= 1800;
	}

v1_w = v1_w_new;
	v1_h = v1_h - 200;
	v1_center = v1_w/0.8;

// Center popup as good as possible
	var left = (screen.width - v1_w) / 2;
	var top = (screen.height - v1_h) / 4;

var winname = 'win_' + url;

params  = 'width='+v1_w;
	params += ', height='+v1_h;
	params += ', top=' + top + ', left=' + left;
	params += ', fullscreen=yes';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;

}

//=============================================================================
// Popup top
//=============================================================================
function popUpTop(url, p1, p2, p3)
{

var winname = 'win_' + url;

w = 650;
	h = 750;

params  = 'width='+w;
	params += ', height='+h;
	params += ', top=0, left=0'
	params += ', fullscreen=no';
	params += ',scrollbars=1';

overview_win = window.open(url,winname, params);
	if (window.focus) {overview_win.trigger('focus')}
	return false;
}

let charactersToRemove = '?#"\'';
	let myPattern = new RegExp('[' + charactersToRemove + ']', 'g');

myWorkField = myWorkField.replace(myPattern,'');

return myWorkField;

}

//=============================================================================
// Set config type
//=============================================================================
function setConfigType( inputType )
{

outputType = inputType;

if ( inputType == 'A' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A;
	}
	if ( inputType == 'N' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N;
	}
	if ( inputType == 'L' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L;
	}
	if ( inputType == 'T' ) {
		var outputType = GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T;
	}

return outputType;

}

//=============================================================================
// Create config type buttons
//=============================================================================
function createConfigTypeButtons()
{

$('#button-group-config-type').html('');

// Char
	myConfigType_A = '<button type="button" id="button-config_type-button-A" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'A\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_A +'</button>';
	myConfigType_N = '<button type="button" id="button-config_type-button-N" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'N\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_N +'</button>';
	myConfigType_L = '<button type="button" id="button-config_type-button-L" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'L\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_L +'</button>';
	myConfigType_T = '<button type="button" id="button-config_type-button-T" class="btn btn-primary btn-config-type mr-1 mb-1" onclick="selectConfigType(\'T\')">' + GLOBAL_CONFIG_TYPE_BUTTON_TEXT_T +'</button>';

$('#button-group-config-type').html(
										myConfigType_A +
										myConfigType_N +
										myConfigType_L +
										myConfigType_T
									   );

}

//=============================================================================
// Select config type
//=============================================================================
function selectConfigType( inputType )
{

$('#modal-input-M1UPP').val( inputType );

// Remove all "active" marks
	$('.btn-config-type').removeClass('active btn-success').addClass('btn-primary');;

// Mark button as selected
	myID = 'button-config_type-button-' + inputType;
	$('#' + myID ).addClass('active btn-success').removeClass('btn-primary');

}

//=============================================================================
// Get data - search
//=============================================================================
function setWebserviceSearch( input_action )
{

if ( input_action == '*RESET') {

$('#input-dir-name').val('');
		$('#input-what-to-call').val('');
		$('#input-number_of_files').val('0');

$('#current-FILE_NAME').html( 'All' );
	}

if ( input_action == '*RESET_RESET') {

$('#input-dir-name').val('');
		$('#input-what-to-call').val('');
		$('#input-number_of_files').val('0');

$('#current-FILE_NAME').html( 'All' );
		$('.btn-default-date-interval').removeClass('btn-success').addClass('btn-dark');

setDefaultFromToDate();
	}

// Show content of dir
	if ( input_action == '*SHOW_DIR') {

var row = thisGlobalRowData;

var FILE_NAME  = row["FILE_NAME"];
		var FILE_COUNT = row["FILE_COUNT"];

// Save curreent webservice name
		$('#input-dir-name').val( FILE_NAME );
		$('#input-number_of_files').val(FILE_COUNT);
		$('#input-what-to-call').val( '*DIRNAME' );

// Show info
		$('#current-FILE_NAME').html( FILE_NAME + ' - ' + FILE_COUNT + ' files' );

}

// Clear table - note the draw will occur in the getData function
	$('#REEFTvisual_data').DataTable().clear();

getData();

//=============================================================================
	// Place curor in search field
	//=============================================================================
	$('#REEFTvisual_data_wrapper div.dt-search .dt-input').focus();
	//$('div.dt-search .dt-input').focus();
	//=============================================================================

}

//=============================================================================
// Close modal
//=============================================================================
function closeModal() {

$('#import_done_MaintainModal').modal('hide');

}

//=============================================================================
// Close modal - IFS listing
//=============================================================================
function closeModalIFSlist() {

HTMLline02 = '';
	$('#modal-ifs-list-data-result').html('');
	$('#modal-ifs-list-messasge').html( '&nbsp;' );

$('#import_done_listIFSfileModal').modal('hide');

}

//=============================================================================
// Close modal - IFS super search
//=============================================================================
function closeModalIFSlistSuperSearch() {

HTMLline03 = '';
	$('#modal-ifs-super-search-data-result').html('');
	$('#modal-ifs-super-search-list-messasge').html( '&nbsp;' );

$('#import_super-search_IFSfileModal').modal('hide');

}

//=============================================================================
// Scroll to something
//=============================================================================
function scrollToSomething( target )
{

//$.scrollTo('0',3200);

// thisID = '#' + target;
	// $.scrollTo( thisID, 1000);

}

//=============================================================================
// Check if scroll reaches bottom  - controls lazy scroll
//=============================================================================
function chk_scroll(e)
{
    var elem = $(e.currentTarget);
    if (elem[0].scrollHeight - elem.scrollTop() == elem.outerHeight())
    {
		// Load more data
        console.log("bottom");
		dataListIFSfileExec();
    }

}

//=============================================================================
// copy to clipboard
//=============================================================================
function copyToClipBoard( input_text_to_copy, action )
{

if ( action == 'WRKLNK' ) {
		$('#myInput').val( 'wrklnk' + ' ' + '\'' + input_text_to_copy + '\'' );
	} else {
		$('#myInput').val( input_text_to_copy );
	}

// Get the text field
	var copyText = document.getElementById("myInput");

// Select the text field
	copyText.select();
	copyText.setSelectionRange(0, 99999); // For mobile devices

// Copy the text inside the text field
	navigator.clipboard.writeText(copyText.value);

// Alert the copied text
	alert( copyText.value + ' ' + 'copied to clipboard' );

}

//=============================================================================
// Set default from 7 to date
//=============================================================================
function setDefaultFromToDateCalc( sub_month, month )
{

// Calcualte date intervals
		var defaultFromDate	= moment().subtract( parseInt(sub_month), 'month').format("YYYY-MM-01" );
		var defaultToDate	= moment().add(1, 'day').format("YYYY-MM-DD");
		var defaultToDate   = moment().subtract( parseInt(sub_month), 'month').endOf('month').format('YYYY-MM-DD');

// Move to input fields
		$('#input-fromdate').val( defaultFromDate );
		$('#input-todate').val( defaultToDate );

var thisId = 'default-button-' +  month;

$('.btn-default-date-interval').removeClass('btn-success').addClass('btn-dark');
		$('#' + thisId).removeClass('btn-dark').addClass('btn-success');

// Click get button
		$('#button-call-import-log-overview').trigger('click');

}

var defaultFromDate	= moment().subtract( 2, 'month').format("YYYY-MM-DD" );
		// var defaultToDate	= moment().add(1, 'day').format("YYYY-MM-DD");
		// var defaultToDate   = moment().subtract( parseInt(sub_month), 'month').endOf('month').format('YYYY-MM-DD');
		var defaultToDate   = moment(defaultToDate).add( 1, 'day').format('YYYY-MM-DD');
		$('#input-fromdate').val( defaultFromDate );
		$('#input-todate').val( defaultToDate );

}

//=============================================================================
// Set months
//=============================================================================
function setDefaultMonths() {

$('#default-month-buttons').html('');

var monthButtons = '';

var defaultMonth = moment().subtract(6, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(6, defaultMonth, monthName);

var defaultMonth = moment().subtract(5, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(5, defaultMonth, monthName);

var defaultMonth = moment().subtract(4, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(4, defaultMonth, monthName);

var defaultMonth = moment().subtract(3, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(3, defaultMonth, monthName);

var defaultMonth = moment().subtract(2, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(2, defaultMonth, monthName);

var defaultMonth = moment().subtract(1, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(1, defaultMonth, monthName);

var defaultMonth = moment().subtract(0, 'month').format("MM");
		var monthName = setDefaultMonthName( defaultMonth );
		createDefaultMonthButton(0, defaultMonth, monthName);

}

//=============================================================================
// Create button
//=============================================================================
function createDefaultMonthButton( number, month, monthName )
{

var thisId = 'default-button-' + month;

var monthButton = '<button type="button" class="btn-default-date-interval btn btn-dark mr-1 mb-1" id="' + thisId + '" onclick="setDefaultFromToDateCalc(\'' + number + '\',\'' + month + '\')">' + monthName + '</button>'

$('#default-month-buttons').append(monthButton);

}

//=============================================================================
// Set month names
//=============================================================================
function setDefaultMonthName( month ) {

var monthName = '';

if ( month == '01') {
		monthName = '<?php echo $datahub_month_01 ?>';
	}
	else if ( month == '02') {
		monthName = '<?php echo $datahub_month_02 ?>';
	}
	else if ( month == '03') {
		monthName = '<?php echo $datahub_month_03 ?>';
	}
	else if ( month == '04') {
		monthName = '<?php echo $datahub_month_04 ?>';
	}
	else if ( month == '05') {
		monthName = '<?php echo $datahub_month_05 ?>';
	}
	else if ( month == '06') {
		monthName = '<?php echo $datahub_month_06 ?>';
	}
	else if ( month == '07') {
		monthName = '<?php echo $datahub_month_07 ?>';
	}
	else if ( month == '08') {
		monthName = '<?php echo $datahub_month_08 ?>';
	}
	else if ( month == '09') {
		monthName = '<?php echo $datahub_month_09 ?>';
	}
	else if ( month == '10') {
		monthName = '<?php echo $datahub_month_10 ?>';
	}
	else if ( month == '11') {
		monthName = '<?php echo $datahub_month_11 ?>';
	}
	else if ( month == '12') {
		monthName = '<?php echo $datahub_month_12 ?>';
	}
	else {
		monthName = 'Unknown: ' + month;
	}

return monthName;

}

//=============================================================================
// Set clock
//=============================================================================
function updateClock() {

var currentTime = moment().format('YYYY-MM-DD HH:mm:ss');
	currentTime = REEFT_format_date( currentTime, DFT_DATE_DISPLAY_FORMAT )

$('#input-current-date').val( moment().format('YYYY-MM-DD') );
	$('#input-current-time').val( moment().format('HH:mm:ss') );

$('#current-time').html( currentTime );

// If add mode update date/time in modal window
	if ( $('#input-mode').val() == '*add' )
	{

$('#modal-input-ORDQTY').val( $('#input-current-date').val() );
		$('#modal-input-WOSEQ').val( $('#input-current-time').val() );

}

//=============================================================================
// jQuery - Ready
//=============================================================================
$(document).ready(function()
{

// When closing modal
	$('#import_done_MaintainModal').on('hidden.bs.modal', function (e) {

resetModalInputFields();

})

// When closing modal
	$('#import_done_listIFSfileModal').on('hidden.bs.modal', function (e) {

$('#input-modal-list-current-file-pRpyNextOffSet').val('0');

})

//-----------------------------------------------------------------------
	// Bind the scroll to an element - controls lazy scroll
	//-----------------------------------------------------------------------
	$('#modal-ifs-list-data-result').bind('scroll',chk_scroll);
	//$('#modal-ifs-super-search-data-result').bind('scroll',chk_scroll);

//-----------------------------------------------------------------------
	// Set default from/to date
	//-----------------------------------------------------------------------
		setDefaultFromToDate('2');
		setDefaultMonths();
	//-----------------------------------------------------------------------

// Do not show deleted
	$('#input-show-deleted').val('Y');

$('#input-FILE_NAME').val('<?php echo $FILE_NAME ?>');
	$('#current-FILE_NAME').html('<?php echo $FILE_NAME ?>');

// Get data done by datatables
	setDataTables();

$('#current-FILE_NAME').html( 'All' );

$('#delay-marker-id').html('<i id="delay-marker-icon-id" class="text-success fa-solid fa-circle"></i>');

//-----------------------------------------------------------------------
	// Start the clock
	//-----------------------------------------------------------------------
		updateClock();
		setInterval(function() {
			updateClock();
		}, 1000);
	//-----------------------------------------------------------------------

//-----------------------------------------------------------------------
	// Set font awesome icon type
	//-----------------------------------------------------------------------
	// Value is from config/config.php
	var iconType = '<?php echo $DFT_SET_FONT_AWESOME_ICON_TYPE ?>';
	setFontAwesomeIconType( iconType );
	//-----------------------------------------------------------------------

//-----------------------------------------------------------------------
	// Delay keyup checker
	//-----------------------------------------------------------------------
	var delay = (function () {
		var timer = 0;
		return function (callback, ms) {
			clearTimeout(timer);
			timer = setTimeout(callback, ms);
		};
	})()

// DataTable search delay
	//$('#REEFTvisual_data_wrapper .dataTables_filter input')
	$('#REEFTvisual_data_wrapper div.dt-search .dt-input')
    .unbind() // overrule normal behavior
    .bind('keyup', function(e){

$('#delay-marker-icon-id').removeClass('text-success').addClass('text-danger');

//var inputValue = $('.dataTables_filter input').val();
		var inputValue = $('#REEFTvisual_data_wrapper div.dt-search .dt-input').val();
		var currSearchValue = $('#input-search-line').val();

if (inputValue != currSearchValue) {

$('#input-search-line').val( inputValue );

//If enter or delete we update immediately, consider to add backspace=8 and delete=46 also
			const keyList = [13];
			if (keyList.includes(e.keyCode)) {
				// console.log('immediately ' + inputValue );
				$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
				thisGlobalTableData.search(inputValue).draw(); // fire in the hole
			} else {
				delay(function () {
					// console.log('this will hit, once user has not typed for 1 second ' + inputValue );
					$('#delay-marker-icon-id').removeClass('text-danger').addClass('text-success');
					thisGlobalTableData.search(inputValue).draw(); // fire in the hole
				}, 0800);
			}
		}
	});

//-----------------------------------------------------------------------
	// Event listener for the update button
	//-----------------------------------------------------------------------
    $('#updateButton').on('click', function() {

// Trigger a redraw of the table
        thisGlobalTableData.draw();
    });

//-----------------------------------------------------------------------
	// Set short cuts
	//-----------------------------------------------------------------------

// Super search
	shortcut.add("F2",function() {
		$('#super-search-button').click();
	});

shortcut.add("Alt+F2",function() {
		$('#import-wait-search-button').click();
	});

// Search
	shortcut.add("Ctrl+Enter",function() {
		//$('#button-call-import-log-overview').click();
		$('#modal-super-search-button').click();
	});

});
// -->
</script>

</head>

<body>

</div>
		</div>

</div>
			</div>

<div class="container-fluid mt-2 mb-4 d-block d-lg-none">
					<div id="general-message-top" class="border border-danger rounded p-2 text-danger font-weight-boldx"><?php echo $datahub_error0040a ?></div>
				</div>

</div>

</div>

</div>
					</div>
				</div>

</div>

<?php
	include "include/footer.php";
?>

<div class="modal fade" id="import_done_MaintainModal" tabindex="-1" data-backdrop="static" role="dialog" aria-labelledby="import_done_MaintainModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl">
    <div class="modal-content">

</div>
      <div class="modal-body ml-2 mr-2">

<input type="text" class="d-none form-control read-only-class" id="modal-input-counter_total" name="modal-input-counter_total" onkeyup="resetModalMessage()">

</form>

</div>
      <div class="modal-footer-pretty modal-footer">

</div>

</div>
    </div>
  </div>
</div>

<div class="modal fade" id="import_done_listIFSfileModal" data-keyboard="true" data-backdrop="static" tabindex="-1" role="dialog" aria-labelledby="import_done_listIFSfileModalLabel" aria-hidden="true" style="z-index: 1060;">
  <div class="modal-dialog modal-xxl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h6 class="modal-title text-truncate" id="import_done_listIFSfileModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <?php echo $datahub_text0204 ?> : <span id="modal-list-current-file"></span></h5>
        
        
		<div id="modal-list-download-current-file"></div>
      </div>
      <div class="modal-body">

</div>

</div>
      </div>
    </div>
  </div>
</div>

<div class="modal fade" id="import_super-search_IFSfileModal" data-keyboard="true" data-backdrop="static" tabindex="-1000" role="dialog" aria-labelledby="import_super-search_IFSfileModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xxl" role="document">
    <div class="modal-content">

<div class="modal-header bg-primary text-white">
        <h6 class="modal-title text-truncate" id="import_super-search_IFSfileModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <span id="import_super-search_IFSfileModalLabel-text"></span></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
	  </div>

<div id="import_super-search_IFSfileModal-date-wrapper">

</div>

<div id="import_super-search_IFSfileModal-data-wrapper">
			<div class="row ml-2 mr-2">
				<div class="col border border-dark p-1">
					<div id="modal-ifs-super-search-data-result" class="overflow-class-super"></div>
				</div>
			</div>
		</div>

</div>

</div>
</div>
</div>

<div class="modal fade" id="import_done_confirmDeleteModal" tabindex="-1" role="dialog" aria-labelledby="import_done_confirmDeleteModalLabel" aria-hidden="true">
  <div class="modal-dialog modal-xl" role="document">
    <div class="modal-content">
      <div class="modal-header bg-primary text-white">
        <h5 class="modal-title" id="import_done_confirmDeleteModalLabel"><i class="font-awesome-pseudo-class fa-thin fa-cloud-arrow-up"></i> <?php echo $datahub_text0063 ?></h5>
        <button type="button" class="close" data-dismiss="modal" aria-label="Close">
          <span aria-hidden="true">&times;</span>
        </button>
      </div>
      <div class="modal-body">

</form>

</div>

</div>
  </div>
</div>

</body>
</html>